

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<style type="text/css">
.label { width:100%; /*height: 3508px;*/ font-family:Arial, Helvetica, sans-serif; }
.label p.address { font-size:14px; }
.label table tr th { font-weight:bold; padding:10px;}
.label table tr td { padding:5px; }
.label p { font-size:13px; }

@media all
{
  .page-break  { display:none; }
}

@media print
{
  .page-break  { display:block; page-break-before:always; }
}
</style>
</head>
<body>
{foreach $payments as $payment}
<div class="label">
    <div style="height:880px;">
        <div>
        	<img src="/admin/images/rsgk-logo.gif" width="300" />
				</div>
        <div style="clear:both;"></div>

        <div style="float:left; width:50%;">
            <h1 style="font-size:16px; margin-bottom:0px;">{$COMPANY.name}</h1>
            <p style="margin-top:5px;">{if $COMPANY.business_name}{$COMPANY.business_name}{/if} {if $COMPANY.abn}ABN: {$COMPANY.abn}{/if}</p>
            <p class="address">{$COMPANY.address.street}<br />
            {$COMPANY.address.suburb} {$COMPANY.address.state} {$COMPANY.address.postcode}</p>
        </div>

    		<div style="float:right; width:50%;">
            <h1 style="font-size:16px;">{$payment.address_name} {$payment.address_surname}</h1>
              <p class="address">
							{$payment.address_line1} <br/>
							{$payment.address_suburb} {$payment.address_state} {$payment.address_postcode}<br/>
							{$payment.address_telephone}<br/><br/>
							{$payment.payment_transaction_no} | {$payment.cart_closed_date|date_format:"%e %B %Y"}
            </p> 
        </div>

        <div style="clear:both;"></div><br />

        <table cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr bgcolor="#efefef" style="background-color:#efefef;">
                <th bgcolor="#efefef" style="text-align:left;background-color:#efefef; border-top:2px solid #000;border-bottom:2px solid #000;"><p>Items</p></th>
                <th bgcolor="#efefef" style="background-color:#efefef; border-top:2px solid #000;border-bottom:2px solid #000;"><p>Quantity</p></th>
                <th bgcolor="#efefef" style="text-align:right;background-color:#efefef; border-top:2px solid #000;border-bottom:2px solid #000;"><p>Unit price</p></th>
                <th bgcolor="#efefef" style="text-align:right;background-color:#efefef; border-top:2px solid #000;border-bottom:2px solid #000;"><p>Total price</p></th>
            </tr>
            {assign var='total' value=0}
            {foreach $payment.cartitems as $item}
            <tr>
                <td>{$item.cartitem_product_name}  
                		{if $item.attributes}
											{foreach from=$item.attributes item=attr name=attributesarr}
												 / {$attr.cartitem_attr_attribute_name}: {$attr.cartitem_attr_attr_value_name}
											{/foreach}
										{/if}
								</td>
                <td align="center">{$item.cartitem_quantity}</td>
                <td align="right">${$item.cartitem_product_price|number_format:2:".":","}</td>
                <td align="right">${$item.cartitem_subtotal|number_format:2:".":","}</td>
                {assign var='total' value=$item.cartitem_subtotal + $total}
            </tr>
            {/foreach}
            <tr bgcolor="#efefef" style="background-color:#efefef;">
                <td bgcolor="#efefef" colspan="4" style="background-color:#efefef;"></td>
            </tr>
            <tr>
                <td style="border-top:2px solid #000;border-bottom:2px solid #000;"><p><strong>TOTAL PRICE</strong></p></td>
                <td style="border-top:2px solid #000;border-bottom:2px solid #000;">&nbsp;</td>
                <td style="border-top:2px solid #000;border-bottom:2px solid #000;">&nbsp;</td>
                <td style="border-top:2px solid #000;border-bottom:2px solid #000; text-align:right;"><strong>${$total|number_format:2:".":","}</strong></td>
            </tr>
            <tr bgcolor="#efefef" style="background-color:#efefef;">
                <td bgcolor="#efefef" colspan="4" style="background-color:#efefef;"></td>
            </tr>
        </table>
        <br /><br />
        <table cellpadding="0" cellspacing="0" border="0" width="100%" style="font-family:Arial, Helvetica, sans-serif; font-size:14px;" align="center">
            	<tr valign="middle">
                	<td align="center" >
                		<img src="/admin/images/social-media.png" style="" />
                		<h1 style="font-size:16px;">Join the Ready Steady Go Kids community!</h1>
                	</td>
            </tr>
        </table>

    </div>
     
    <div style="padding-left:30px;">
    	<h1 style="font-size:16px;">{$payment.address_name} {$payment.address_surname}</h1>
        <p class="address">
					{$payment.address_line1} <br/>
					{$payment.address_suburb} {$payment.address_state} {$payment.address_postcode}
        </p>
    </div>
    

</div>
<div style="clear:both;"></div>
<div class="page-break"></div>
{/foreach}
</body>
</html>
